<template>
	<view class="device-info-container">
		<view class="device-info-header">
			<!-- <text class="title">设备详情</text> -->
		</view>

		<view class="device-info-content">
			<view class="info-item">
				<text class="label">设备名称：</text>
				<text class="value">{{ deviceName }}</text>
			</view>
			<view class="info-item">
				<text class="label">设备ID：</text>
				<text class="value">{{ deviceId }}</text>
			</view>
			<view class="info-item">
				<text class="label">设备类型：</text>
				<text class="value">{{ deviceType }}</text>
			</view>
			<view class="info-item">
				<text class="label">固件版本：</text>
				<text class="value">{{ firmwareVersion }}</text>
			</view>
			<!-- 添加更多设备属性 -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				deviceId: '', // 从路由参数获取
				deviceName: '',
				deviceType: '',
				firmwareVersion: '',
				// 其他设备属性
			}
		},
		methods: {

		}
	}
</script>

<style>
	.device-info-container {
		padding: 20px;
	}

	.device-info-header {
		margin-bottom: 20px;
	}

	.title {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}

	.device-info-content {
		background-color: #f9f9f9;
		padding: 20px;
		border-radius: 8px;
	}

	.info-item {
		display: flex;
		margin-bottom: 15px;
	}

	.label {
		width: 120px;
		font-weight: bold;
		color: #333;
	}

	.value {
		flex: 1;
		color: #666;
	}
</style>